import React, { useState } from "react";
import { useNavigate, useLocation } from "react-router-dom";
import "./Sterile.css";
import detailData from "../../assets/data/detailData";
import aboutPageData from "./../About/aboutData";
import TutorPageData from "./../DetailTutor/TutorData";
import close from "../../assets/img/close.png";
import infefund from "./../../assets/img/infefund.png";
import banner1 from "../../assets/img/detail/sterile/banner1.png";
import banner2 from "../../assets/img/detail/sterile/banner2.png";
import banner3 from "../../assets/img/detail/sterile/banner3.png";
import banner4 from "../../assets/img/detail/sterile/banner4.png";

function Sterile(props = {}) {
  const { data = [] } = props;
  let navigate = useNavigate();
  const { search = "" } = useLocation();

  const searchId = search.split("=")[1];
  const { detailList, color, barMargin, bgColor } = detailData().Sterile;
  const pageTwoData = aboutPageData().pageTwo;
  const pageThreeData = aboutPageData().pageThree;

  const qaList = TutorPageData().qa;
  const [qaData, setQaData] = useState([...qaList]);
  const [total, setTotal] = useState(0);
  function pathSwitch(path = `/`) {
    navigate(path);
  }
  function onSelectItem(i, v) {
    let qaDataCopy = [...qaData];
    qaDataCopy.forEach((e, index) => {
      if (index === i) {
        e.value = v;
      }
    });
    setQaData([...qaDataCopy]);
    let totalResult = 0;
    qaDataCopy.forEach((e, index) => {
      if (e.value) {
        totalResult = totalResult + e.value;
      }
    });
    setTotal(totalResult);
  }

  return (
    <div className="page-detail-info" style={{ backgroundColor: bgColor }}>
      <div style={{ marginTop: "40px", zIndex: 3, position: "relative" }}>
        <div className="cloud cloud-l page-cloud-l"></div>
        <div className="cloud cloud-m page-cloud-about-m"></div>
        <div className="cloud cloud-r page-cloud-about-r"></div>
        <img
          alt=""
          className="left-ban"
          style={{ position: "fixed", top: "310px", width: "200px" }}
          src={"https://gongyuuxuan.oss-cn-beijing.aliyuncs.com/egg.png"}
        ></img>
        <img
          alt=""
          style={{
            position: "absolute",
            top: "46px",
            width: "146px",
            right: "32%",
          }}
          src={infefund}
        ></img>
        <div style={{ display: "flex", width: "50%", margin: "auto" }}>
          <div style={{ margin: "200px 20px 0" }}>
            <div className="page-item">
              <a name={"0"}></a>
              <h2 className="page-item-title" style={{ color: color }}>
                {detailList[0].title}
              </h2>
              <img alt="" className="page-item-banner" src={banner1}></img>
              <p className="page-item-info">
                從醫學角度解釋,
                不育是指夫妻在經過1年規律且沒有採用任何避孕措施的性行為後未能懷孕。不育的情況可能被想像中更普遍。根據統計，大概6對夫婦中就有1對可能會遇到不育的問題。年紀越大，女性不育的機會就越高，尤其是過了40歲的女人更嚴重。
              </p>
              <p className="page-item-info">
                <div className="page-item-sub">不育的因素</div>
              </p>
              <p className="page-item-info">
                擁有健康生育能力是夫妻們追求的美好目標。不育的因素可能涉及男性和女性生殖系統的各種情況，但值得慶幸的是，現代醫學和科學技術提供了許多解決方案
              </p>
              <div
                style={{
                  borderBottom: `2px dashed ${color} `,
                  margin: "40px 0",
                }}
              ></div>
              <p className="page-item-info">
                <div className="page-item-three-title" style={{ color: color }}>
                  男性不育
                </div>
              </p>
              <p className="page-item-info">
                <div className="page-item-sub">精子或精液異常</div>
              </p>
              <p className="page-item-info">
                女性生殖器內若有足夠的精蟲，並使其輸卵管內或子宮內的卵子受精，才能懷孕。若男士體內的精子數量或質量較低，又或完全沒有精子，便較難使女性懷孕。
              </p>
              <div className="page-three-flex-box-strile">
                <div>
                  •
                  無精症指在男性的精液內完全無精子。部分患者的身體因某種原因無法製造精子，或因射精管阻塞或閉塞，導致精子無法進入女性生殖器
                </div>
                <div>
                  •
                  精子稀少症指在男性的精液內只有少量精子。此症同樣可因射精管阻塞或閉塞而引起柯林菲特氏症
                  (XXY)
                </div>
              </div>
              <p className="page-item-info">
                柯林菲特氏症是一種先天性染色體異常疾病。一位普通男性的性染色體內有X及Y染色體各一條，而患有柯林菲特氏症的男性則多出一條X染色體（造成XXY）。患者因男性荷爾蒙水平較低，會出現女性第二性癥如乳房，體毛較少，皮膚細嫩，以及睾丸較小等癥狀。大部分柯林菲特氏症患者同時患有無精症，即精液內無精子，是男性不孕症的成因之一。
              </p>
              <div
                style={{
                  borderBottom: `2px dashed ${color} `,
                  margin: "40px 0",
                }}
              ></div>
              <p className="page-item-info">
                <div className="page-item-three-title" style={{ color: color }}>
                  女性不育
                </div>
              </p>
              <p className="page-item-info">
                <div className="page-item-sub">排卵問題</div>
              </p>
              <p className="page-item-info">
                每四宗女性不孕症的個案，就有一宗因排卵問題引起。生殖期女性每個月排卵一次，精子必須在女性體內使卵子受精，才能使女性懷孕。沒有排卵，女性自然也不會受孕。
              </p>
              <p className="page-item-info">以下幾個情況都有可能影響排卵：</p>
              <div className="page-three-flex-box-strile">
                <div className="page-three-box1">
                  •
                  多囊卵巢綜合症(PCOS)是一種荷爾蒙失調症，或與女性體內睪丸酮水平較高有關。部分患者會出現身體毛髮過多、月經失調或閉經、肥胖，甚至心臟病及糖尿病等癥狀。多囊卵巢綜合症其中一個症狀是女性缺乏排卵或完全無排卵，是女性不孕個案中的最大成因
                </div>
                <div className="page-three-box2">
                  •
                  卵巢衰退指因年紀增長導致女性卵巢內的卵子數量或質量下降，造成生育力減低
                </div>
                <div className="page-three-box3">
                  •
                  內分泌失調性不孕通常出現在受甲狀腺功能異常影響的女性。甲狀腺功能進入亢進或低下狀態時，皆會影響排卵能力及引起月經失調，進而減低懷孕的機會
                </div>
              </div>
              <p className="page-item-info">
                <div className="page-item-sub">輸卵管閉塞</div>
              </p>
              <p className="page-item-info">
                輸卵管是精子與卵子相遇並結合的地方。輸卵管閉塞時，精子不能接近管內的卵子使其受精，管內的受精卵亦難以返回宮腔內著床。一位女性若一邊輸卵管閉塞，仍然可以靠剩餘的輸卵管受孕。若兩邊均完全閉塞，便要通過手術疏通輸卵管。
              </p>

              <p className="page-item-info">
                <div className="page-item-sub">子宮肌瘤</div>
              </p>
              <p className="page-item-info">
                子宮肌瘤（又稱纖維瘤）是長在子宮內膜的良性腫瘤。大部分的患者完全沒有病征，但部分患者可能有腹部壓力增加、腹部疼痛、經痛、經血增加等症狀。若子宮肌瘤影響子宮內膜的結構，或導致輸卵管阻塞，便有可能妨礙懷孕。不是所有的子宮肌瘤都必須切除，治療與否視乎子宮肌瘤的大小及症狀，還有患者是否即將計劃生育等。
              </p>
              <p className="page-item-info">
                <div className="page-item-sub">子宮內膜異位症</div>
              </p>
              <p className="page-item-info">
                月經時，子宮內膜組織會脫落成為經血排出體內。有時候，這些組織會因某些原因落在子宮以外的其他器官或組織，如盆腔腹膜或卵巢，造成盆腔疼痛、經痛或月經不穩定等症狀。如子宮內膜異位阻塞輸卵管，便較難成孕。
              </p>
              <p className="page-item-info">
                <div className="page-item-sub">盆腔炎症性疾病</div>
              </p>
              <p className="page-item-info">
                又稱PID,
                盆腔炎症性疾病指女性盆腔器官（包括子宮、輸卵管及卵巢）出現炎症，造成盆腔疼痛、性交時疼痛等病癥。早期發現的盆腔炎可以靠抗生素有效治療，並不會影響生育。
              </p>
              <p className="page-item-info">
                無論男性還是女性，重要的是了解不育的原因並尋求專業的醫療幫助。現代的醫學團隊可以提供個性化的治療方案，以增加懷孕的機會。此外，與伴侶坦誠相待，真誠溝通是至關重要的。通過開放地討論你們的擔憂，一起應對這個具有挑戰性的情況，找到最佳的解決方案。
              </p>
            </div>

            <div className="page-item">
              <a name={"1"}></a>
              <h2 className="page-item-title" style={{ color: color }}>
                {detailList[1].title}
              </h2>
              <img alt="" className="page-item-banner" src={banner2}></img>
              <p className="page-item-info">
                隨著科技發展,
                自然受孕並不是唯一的生育選項。如今香港有各式各樣實現懷孕的途徑。透過這些先進的方法，大約三分之二的不孕夫婦都能夠迎來懷孕的喜悅。以下是三種主要的不育治療方式，我們將進一步詳細介紹它們。
              </p>
              <div
                style={{
                  borderBottom: `2px dashed ${color} `,
                  margin: "40px 0",
                }}
              ></div>
              <p className="page-item-info">
                <div className="page-item-three-title" style={{ color: color }}>
                  雪卵
                </div>
              </p>
              <p className="page-item-info">
                近年愈來愈多名媛女星向傳媒透露已進行雪卵手術，可見除健康問題，現時不少女性都因為事業或晚婚等原因而進行卵子冷凍。醫學科技日新月異，卵子冷凍早已非奇聞，但網上對於卵子冷凍的細節及資料良莠不齊。本文請來香港註冊生殖醫學專科醫生梁家康醫生，簡述冷凍卵子及人工受孕的程序及注意事項，並分享他在行醫生涯中的特別個案。
              </p>
              <p className="page-item-info">
                <div className="page-item-sub">
                  雪卵不宜過早或太遲　30至34歲為最佳
                </div>
              </p>
              <p className="page-item-info">
                雪卵技術現時已相當成熟，但並非每個人都適合進行冷凍卵子或人工受孕。醫生會先和求診女士進行問診，確認並無性傳染病或其他嚴重疾病。理論上女性由開始來經時已經有卵子產生及可懷孕，但梁醫生認為雪卵的最佳年齡是30至34歲，「有部分女士想趁二十多歲，相對年輕時進行雪卵，以保留卵子在更佳的狀態，但過早雪卵可能會面對不需要用雪卵，或有需要使用卵子時，已超過香港法定的十年儲存期；但推遲至36歲後，則會年紀問題而使卵子數量較少及質素較差，一來可能需要數次取卵手術才能收集足夠數量的卵子，二來胚胎亦有較大機會出現不正常情況。」
              </p>
              <p className="page-item-info">
                <div className="page-item-sub">
                  手術前先催卵　目標取卵數量為10-15粒
                </div>
              </p>
              <p className="page-item-info">
                開始雪卵療程時，女士需注射與人體自身分泌類近的促性腺激素，刺激卵巢製造更多卵泡，確保手術時有足夠數量以供抽取。催卵過程約10天，每隔數天醫生會用超聲波進行觀察卵巢，待卵泡數量及成熟度適合時便會進行手術。整個手術約20至30分鐘，期間女士會接受麻醉，不會感到痛楚。
              </p>
              <p className="page-item-info">
                至於抽取卵子的數量，梁醫生指20至35歲而健康狀況正常的女士，身體每月會可以有20至30粒卵泡，最終排出則只有1粒。激素可以保證小卵泡都會長大成熟。抽卵手術會利用幼針，經過陰道，直接從卵巢抽取10至15粒卵子，處理後便進行冷凍。
              </p>
              <p className="page-item-info">
                <div className="page-item-sub">解凍後卵子等於「新鮮」卵子?</div>
              </p>
              <p className="page-item-info">
                卵子冷凍（俗稱雪卵）是將卵子儲存在-196℃的液氮中，以作長時間保存，待日後有需要使用時解凍及進行受精。雪卵技術早於1980年初面世，但當時存活率僅4至6成，直至2000年後出現「玻璃化冷凍」（Vitrification），取代舊式的「慢速冷凍法」（Slow
                Freezing）；以冷凍保護劑使細胞內的水份變得粘稠，再配合快速降溫（即每分鐘下降2,000℃），解決舊式方法因結冰及融冰而影響卵子細胞構造及生存率，為全球冷凍技術帶來突破發展。
              </p>
              <p className="page-item-info">
                梁醫生早於2004年便在香港使用「玻璃化冷凍」雪卵技術，初期只應用在因癌症治療而影響生育的病人身上，後來技術日漸穩定，逐開始廣泛使用。現時經他處理的冷凍卵子存活率高達99％，而受孕率則視乎卵子年齡，大約40-60％。「以現時的技術來說，解凍後的卵子與『新鮮』無異。香港現時的人工受孕技術已達國際標準，一般來說，活產率大約40%，可見雪卵將可為更多女性提供生育選擇。」
              </p>
              <p className="page-item-info">
                <div className="page-item-sub">
                  注射激素致水腫　經期重臨便已回復正常
                </div>
              </p>
              <p className="page-item-info">
                從打針、卵巢監察至手術，整個過程大約兩星期。梁醫生指出，一般人在手術後都不會感到嚴重痛楚，大部分女士服用止痛藥便可，只有3至5％人士需要打止痛針。「以往手術過程或會傷及血管而導致流血，但隨著超聲波技術的進步，這個問題已得以改善，過去十多年只有少於十個病人，術後出現較嚴重問題而需入院。」至於注射激素所導致的副作用問題，梁醫生表示部分女士或出現短暫水腫情況，但在下次經期重臨已經逐步回復正常，而激素亦不會導致提早收經等情況出現。
              </p>
              <p className="page-item-info">
                <div className="page-item-sub">
                  各地法規迴異　在港雪卵合法　唯人工受孕必須為已婚夫婦
                </div>
              </p>
              <p className="page-item-info">
                由於香港對生殖科技的規管十分嚴謹，例如求診者資料、療程細節、療程結果及受孕情況等均須登記在政府人類生殖科技管理局的檔案內；以保證雪藏的卵子是合法儲存和使用。然而，與人工受孕不同，卵子冷凍並無規定必須已結為合法夫婦才可進行，單身女士亦可做卵子冷凍。梁醫生續指。如有需要女士可選擇將已被雪藏的卵子運往其他國家，但應先了解該地的法律規限。
              </p>
              <div
                style={{
                  borderBottom: `2px dashed ${color} `,
                  margin: "40px 0",
                }}
              ></div>
              <p className="page-item-info">
                <div className="page-item-three-title" style={{ color: color }}>
                  藥物治療
                </div>
              </p>
              <p className="page-item-info">
                藥物治療是一種常見的生育治療方式，對於沒有正常排卵的婦女來說具有很大的幫助。這種治療方法通常通過服用或注射激素，使卵巢釋放成熟的卵子。
              </p>
              <p className="page-item-info">
                藥物治療可以調節卵巢功能，提高排卵的機會，幫助夫婦實現懷孕的願望。當卵巢受到激素刺激後，它們可能會釋放出一個或多個卵子，增加受孕的可能性。
              </p>
              <p className="page-item-info">
                值得一提的是，藥物治療有時會導致多胞胎的情況出現。儘管這對某些夫婦來說可能是一個挑戰，但對其他夫婦來說，這也是一個機會。多胞胎的懷孕可能意味著同時迎接兩個或更多的寶寶。
              </p>
              <p className="page-item-info">
                在藥物治療期間，醫生會密切監測卵巢的反應，以確保治療的效果和安全性。他們會根據個人情況調整藥物劑量，以最大程度地提高懷孕的成功率，同時降低多胞胎風險。醫生會提供相應的指導和支持，確保夫婦在治療過程中感到安心和放心。
              </p>
              <div
                style={{
                  borderBottom: `2px dashed ${color} `,
                  margin: "40px 0",
                }}
              ></div>
              <p className="page-item-info">
                <div className="page-item-three-title" style={{ color: color }}>
                  手術治療
                </div>
              </p>
              <p className="page-item-info">
                手術治療特別適用於輸卵管受損或子宮內膜異位的婦女。這種治療方法通過外科手術來矯正婦女的生理問題，從而提高懷孕的機會。
              </p>
              <p className="page-item-info">
                手術治療可以修復輸卵管受損的情況，使輸卵管恢復正常功能。當輸卵管通暢時，受精卵能夠自然地從卵巢移動到子宮，提高懷孕的可能性。對於子宮內膜異位的婦女來說，手術可以清除異位組織，恢復子宮內膜的正常狀態，從而促進懷孕的實現。
              </p>
              <p className="page-item-info">
                儘管手術治療可能需要一定的時間和恢復期，但它提供了一個機會，使婦女能夠克服生理上的障礙，實現懷孕的夢想。
              </p>
              <div
                style={{
                  borderBottom: `2px dashed ${color} `,
                  margin: "40px 0",
                }}
              ></div>
              <p className="page-item-info">
                <div className="page-item-three-title" style={{ color: color }}>
                  輔助生殖科技
                </div>
              </p>
              <div className="page-item-five-box page-item-five-box-strile">
                <div className="page-item-five-item">
                  <p className="page-item-info">
                    <div className="page-item-sub">
                      <span
                        style={{
                          color: color,
                          fontSize: "26px",
                          marginRight: "4px",
                        }}
                      >
                        1
                      </span>{" "}
                      夫精宮內授精 (IUI)
                    </div>
                  </p>
                  <p className="page-item-info">
                    子宮內精液注射是一個相對簡單且無需麻醉的過程，適用於那些遇到困難進行房事、男性精液有輕微問題或不育原因不明的夫婦。
                  </p>
                  <p className="page-item-info">
                    首先醫生會從丈夫提交的精液選取形態正常且具有活動能力的精子，形成高濃度的精液樣本。在妻子服用激素誘導排卵後，將這個高濃度的精液樣本注入她的子宮內。這樣可以提高精子和卵子結合的機會，增加受孕的可能性。
                  </p>
                </div>
                <div className="page-item-five-item">
                  <p className="page-item-info">
                    <div className="page-item-sub">
                      <span
                        style={{
                          color: color,
                          fontSize: "26px",
                          marginRight: "4px",
                        }}
                      >
                        2
                      </span>{" "}
                      試管嬰兒療程（IVF）
                    </div>
                  </p>
                  <p className="page-item-info">
                    {" "}
                    體外受精的優點在於它可以應用於多種不同的生育問題。對於那些因為生理上的問題，如阻塞的或受損的輸卵管，無法自然懷孕的夫婦來說，體外受精提供了一個有效的解決方案。它也適用於男性精子數量或質量不佳的情況，以及其他不明原因導致不孕的夫婦。
                  </p>
                  <p className="page-item-info">
                    體外受精通常涉及將女性的卵子和男性的精子在實驗室中結合成受精卵。這些受精卵經過一段時間的培養，發展為胚胎後，將最優質的胚胎移植回女性的子宮中，以期實現懷孕。
                  </p>
                  <p className="page-item-info">
                    卵胞漿內單精子注射<br></br>
                    卵胞漿內單精子注射可幫助嚴重缺乏正常精子或輸精管受損的不育個案
                  </p>
                  <p className="page-item-info">
                    這種技術的過程是在實驗室中進行的，首先從丈夫提交的精液樣本中選取高品質的精子。然後，專業的醫療團隊使用微細的注射針將單個精子注射到妻子的卵子內。這種方法可以提高受精的成功率，增加懷孕的可能性。
                  </p>
                </div>
                <div className="page-item-five-item">
                  <p className="page-item-info">
                    <div className="page-item-sub">
                      <span
                        style={{
                          color: color,
                          fontSize: "26px",
                          marginRight: "4px",
                        }}
                      >
                        3
                      </span>{" "}
                      卵子捐贈計劃
                    </div>
                  </p>
                  <p className="page-item-info">
                    卵子捐贈計劃對於那些患有卵巢衰竭或與傳統輔助生殖技術不適合的卵子因素有關的胚胎質量的婦女來說尤其有價值。例如，如果女性的輸卵管受損或阻塞，傳統的自然受孕方式可能變得困難或不可能實現。卵子捐贈者的年齡應在18至35歲之間，並且身體狀況良好。
                    卵子捐贈者有生育能力是理想的，但不是先決條件。
                    潛在的卵子捐贈者可能需要多次心理輔導。
                  </p>
                </div>
                <div className="page-item-five-item">
                  <p className="page-item-info">
                    <div className="page-item-sub">
                      <span
                        style={{
                          color: color,
                          fontSize: "26px",
                          marginRight: "4px",
                        }}
                      >
                        4
                      </span>{" "}
                      精子捐贈計劃
                    </div>
                  </p>
                  <p className="page-item-info">
                    對於因無精子症或嚴重少精子症而患有不育症的夫婦，以及接受睾丸精子提取術後未發現成熟精子的男性，使用精子捐贈是治療的選擇之一。
                  </p>
                </div>
              </div>
              <p className="page-item-info">精子捐贈者的選擇標準：</p>
              <p className="page-item-info">
                1. 中國人<br></br>
                2. 年齡{">"} 18歲和{"<"}40歲<br></br>
                3. 身體健康<br></br>
                4. 沒有遺傳病<br></br>
                5. 沒有不育史（有生育能力是理想的，但不是必需的）<br></br>
                6. 根據WHO標準（2010），精液參數正常<br></br>
                7. 篩查血液檢查結果是可以接受的<br></br>
                8. 非吸煙者<br></br>
                9. 以前在香港沒有捐贈精子<br></br>
              </p>
              <p className="page-item-info">
                潛在的精子捐贈者可能需要多次心理輔導。
              </p>
              <p className="page-item-info">
                要知道，每種治療方式都有它的優點和限制。所以，當夫婦們要選擇合適的生育方式時，最好先諮詢專業醫生的建議。醫生可以依據每對夫婦的特定需求和情況，給予他們專屬的建議，並提供必要的指導和支持。只有這樣，才能一起選取最適合的生育方式。
              </p>
              <div
                style={{
                  borderBottom: `2px dashed ${color} `,
                  margin: "40px 0",
                }}
              ></div>
              <p className="page-item-info">
                <div className="page-item-three-title" style={{ color: color }}>
                  領養
                </div>
              </p>
              <p className="page-item-info">
                如果你和另一半嘗試了自然懷孕或不育治療都未能成功生育下一代，你或許會想了解領養兒童。領養是法律上永久地將孩子的撫養權由一個家庭轉讓到另一個家庭。領養父母擁有親生父母的同等權利與義務，被領養的孩子亦享有和親生孩子同等的權利。領養服務是為符合被領養條件的兒童(包括有特別需要的兒童)尋找永久和穩定的家庭。被領養兒童是每位領養人士一生的承擔，在整個領養過程中，兒童的最佳利益是首要考慮因素。如果你和另一半有意為領養兒童提供一個家，請主動聯絡本港的領養機構多作了解(同一時間只可到一間機構申請)︰
              </p>
              <div className="page-three-flex-box-strile page-three-flex-box-all">
                <div>
                  • 社會福利署領養課 (
                  <a
                    href="https://www.swd.gov.hk/tc/index/site_pubsvc/page_family/sub_listofserv/id_adoptionse"
                    target="_blank"
                    rel="noreferrer"
                  >
                    https://www.swd.gov.hk/tc/index/site_pubsvc/page_family/sub_listofserv/id_adoptionse
                  </a>
                  )
                </div>
                <div>
                  • 母親的抉擇 (
                  <a
                    href="https://www.motherschoice.org"
                    target="_blank"
                    rel="noreferrer"
                  >
                    www.motherschoice.org
                  </a>
                  )
                </div>
                <div>
                  • 保良局 (
                  <a
                    href="http://family.poleungkuk.org.hk/tc/page.aspx?pageid=868"
                    target="_blank"
                    rel="noreferrer"
                  >
                    http://family.poleungkuk.org.hk/tc/page.aspx?pageid=868
                  </a>{" "}
                  ){" "}
                </div>
                <div>
                  • 香港國際社會服務社 (
                  <a
                    href="https://www.isshk.org/zh-hant/our_services/detail/16/"
                    target="_blank"
                    rel="noreferrer"
                  >
                    https://www.isshk.org/zh-hant/our_services/detail/16/
                  </a>
                  )
                </div>
              </div>
              <p className="page-item-info">
                <div className="page-item-sub"> 申請資格︰</div>
              </p>
              <p className="page-item-info">
                • 年滿25歲，處事成熟，能夠對領養兒童作出一生的承擔；<br></br>•
                身心健康，無嚴重殘疾，具良好的體能，以照顧孩子至長大成人；
                <br></br>• 有適當的教育程度，以完成中學課程為佳；<br></br>•
                有固定的工作，充裕的財政狀況，以及安穩和安全的居所；<br></br>•
                已於香港居住12個月或以上，以致對本地的社會環境及社區資源有足夠的認識，及能在領養後於香港繼續居•
                留12個月或以上，以便有足夠時間完成領養程序；<br></br>•
                夫婦須有穩固的婚姻關係(結婚不少於3年)；單身人士必須具備充足的育兒能力及其他支援。
              </p>
              <div
                style={{
                  borderBottom: `2px dashed ${color} `,
                  margin: "40px 0",
                }}
              ></div>
              <p className="page-item-info">
                <div className="page-item-three-title" style={{ color: color }}>
                  代母
                </div>
              </p>
              <p className="page-item-info">
                《人類生殖科技（牌照）規例》中指出，本港只容許已婚之不育夫婦尋找代母協助進行輔助生育，亦不能有商業成分。而精子及卵子都須來自這對不育夫婦，代母只是代孕，與嬰兒無基因關係。另外，香港法例規定懷孕及生產者（包括代母）最終擁有嬰兒所屬權，如代母生產後不願將嬰兒交還，即使事前有協議訂明，委託人也要無奈接受。由於香港對代母生育有很多嚴格規管，會想尋求代母方法的人往往會到海外。
              </p>
            </div>

            <div className="page-item">
              <a name={"2"}></a>
              <h2 className="page-item-title" style={{ color: color }}>
                {detailList[2].title}
              </h2>
              <img alt="" className="page-item-banner" src={banner3}></img>
              <p className="page-item-info">
                {" "}
                很多夫妻在面對不育的問題，都會很大壓力。其中要經歷的有：
              </p>

              <div className="tutor-pop sterile-pop">
                <div className="tutor-pop-item sterile-pop-item">
                  女士在治療過程中，身體上因為打排卵針、或取卵手術的痛楚和不適
                </div>
                <div className="tutor-pop-item  sterile-pop-item">
                  男士也可能遇上家庭傳承的期待、長輩的要求等等壓力
                </div>
                <div className="tutor-pop-item sterile-pop-item">
                  兩夫妻亦可能因為不育而面對財政、夫妻關係或影響工作表現的壓力
                </div>
                <div className="tutor-pop-item sterile-pop-item">
                  在確認失敗時，不育夫妻都會尋找原因，陷入究責的焦慮循環
                </div>
                <div className="tutor-pop-item sterile-pop-item">
                  最難受的是，在面對重重難關後，人工受孕或試管嬰兒也不一定會成功
                </div>
                <div className="tutor-pop-item sterile-pop-item">
                  在這個循環之中，傷害關係，甚至傷害自己
                </div>
              </div>

              <p class="page-item-info">
                <div class="page-item-sub">生活的影響：</div>
              </p>
              <p className="page-item-info">
                {" "}
                在求孕的過程中，我們可能要認真運動、不煙不酒或攝取咖啡因，或要服用大量維他命或其他補品。有些女性為了測量體溫和尿液排卵測試而每天要早起，有些夫婦為了檢查和治療的時間而不去旅行，有些人則因為療程的時間而要常常請假等等。把所有的時間都花在研究求孕的方法而忽略生活其他地方。生活型態的改變亦可能影響當事人的社交生活。他們可能再也不跟朋友去喝酒，或可能臨時取消約好的社交活動。這些新的生活常態都需要大量適應的，亦可能造成個人或關係的壓力。
              </p>
              <p class="page-item-info">
                <div class="page-item-sub">婚姻與性生活的影響：</div>
              </p>
              <p className="page-item-info">
                {" "}
                很多不育夫妻，婚姻品質和性生活都會在不育治療中變差。如果只有一方被診斷出不育，患者可能會自責，或擔心另一半會失望，如另一半有意或無意地責怪患者，或沒有支持患者，就會因而影響關係。有些夫妻或許難以坦誠分享彼此的感受，進而誤會另一半不愛惜自己，從而變得有距離。
              </p>
              <p className="page-item-info">
                另外，以懷孕為目的性生活，會讓性變成例行工事，不再有趣和親密。不育會考驗夫妻的關係強度和對彼此的支持，亦可能會嚴重影響彼此的感情和性生活。
              </p>

              <p class="page-item-info">
                <div class="page-item-sub">人際關係的影響：</div>
              </p>
              <p className="page-item-info">
                有些人會逃避朋友的懷孕慶祝派對，或逃避看有孩子的人的社交媒體，因為看到別人有小孩，自己卻無法懷孕，他們會覺得忌妒或難過。甚至會在過時過節時不出席家庭聚會，以免被問起生育進程時感到有壓力。
              </p>

              <p class="page-item-info">
                <div class="page-item-sub">經濟影響：</div>
              </p>
              <p className="page-item-info">
                香港公立醫院收費較私家診所或醫院便宜，可以輪侯時間較長，部分夫婦可能因年紀因素需選擇到私家診所或醫院，甚至到外國接受治療，這些選項都十分昂貴，可能令家庭的財政出現壓力。
              </p>

              <p class="page-item-info">
                <div class="page-item-sub">心理壓力：</div>
              </p>
              <p className="page-item-info">
                包含面對傳承的焦慮、生命的不完美、認為自己的人生是失敗、質疑另一半的價值…等，我們可能在這些想法底下產生許多焦慮情緒。研究指出，最辛苦的是放胚胎後等待結果的十四天。這是不孕夫妻難以言說的焦慮，發生在排卵或植入之後，什麼都不能做的十四天。一直會擔心自己做了會影響胚胎的事，又或常常想去驗孕，糾結成功與否，忽視生命裡其他如工作、父母，伴侶等等。而當結果不如所願，就要面對在不育治療中，努力了都失敗的無力，當中的挫敗感會令人抑鬱沮喪。
              </p>
              <p className="page-item-info">
                另外，因為夫妻壓力處理方式與步調不同，也有不同的溝通方式。例如：當女性面對不育治療又很在意結果時，伴侶未必能夠立即回應，或多以解決問題而非回應感受的方法回應，這讓女性感到不被了解，男性亦感到無力。這些不同在不育治療中會擴大，會讓我們在關係裡感到孤單。
              </p>
              <p className="page-item-info">
                想了自己的情緒現狀？請進行以下測驗：
              </p>
              <p className="page-item-sub">
                在過去兩個星期，你有多經常受以下問題困擾？
              </p>
              <div className="tutor-list tutor-list-sterile">
                <div className="tutor-list-title">
                  <div className="tutor-list-left tutor-list-left-title">
                    <div className="tutor-list-num"></div>題目
                  </div>
                  <div className="tutor-list-right">
                    <span> 完全沒有</span>
                    <span> 幾天</span>
                    <span> 一半以上的日子</span>
                    <span>近乎每天</span>
                  </div>
                </div>
                {qaData.map((e, i) => {
                  const { title } = e;
                  return (
                    <div className="tutor-list-item">
                      <div className="tutor-list-left">
                        <div className="tutor-list-num">{i + 1}</div>
                        {title}
                      </div>
                      <div className="tutor-list-right">
                        <span
                          className={
                            e.value === 0
                              ? "tutor-list-right-span-selected"
                              : ""
                          }
                          onClick={() => onSelectItem(i, 0)}
                        >
                          0
                        </span>
                        <span
                          className={
                            e.value === 1
                              ? "tutor-list-right-span-selected"
                              : ""
                          }
                          onClick={() => onSelectItem(i, 1)}
                        >
                          1
                        </span>
                        <span
                          className={
                            e.value === 2
                              ? "tutor-list-right-span-selected"
                              : ""
                          }
                          onClick={() => onSelectItem(i, 2)}
                        >
                          2
                        </span>
                        <span
                          className={
                            e.value === 3
                              ? "tutor-list-right-span-selected"
                              : ""
                          }
                          onClick={() => onSelectItem(i, 3)}
                        >
                          3
                        </span>
                      </div>
                    </div>
                  );
                })}
              </div>
              <div class="relation-total-score">
                <div>總計：</div>
                <div class="relation-total-item">
                  = {total.toString().padStart(2, 0)}
                </div>
              </div>
              <p className="page-item-info">評分說明：</p>

              <p className="page-item-info">
                <p>
                  10-14分：
                  <span style={{ fontWeight: "700", color: "#000" }}>
                    輕度憂鬱
                  </span>
                </p>
                <p>
                  15-19分：
                  <span style={{ fontWeight: "700", color: "#000" }}>
                    中度憂鬱
                  </span>
                </p>
                <p>
                  20 分以上：
                  <span style={{ fontWeight: "700", color: "#000" }}>
                    重度憂鬱
                  </span>
                </p>
              </p>
            </div>

            <div className="page-item">
              <a name={"3"}></a>
              <h2 className="page-item-title" style={{ color: color }}>
                {detailList[3].title}
              </h2>
              <img alt="" className="page-item-banner" src={banner4}></img>

              <p className="page-item-info">
                面對不育時的複雜情緒，夫妻關係會遇上很大的挑戰，但我們也是視此為一個了解自己和另一半的機會，從而更加懂得用另一半感受到的方法去愛對方，讓關係在不育的難關下不但沒有受創，反而變得更好。
              </p>
              <div className="page-item-sub">了解自己需要</div>
              <p className="page-item-info">
                面對求孕過程中恐慌壓力，請先理解自己很難不想或不期待，但我們可以透過了解自己的情緒來安撫自己。例如透過心情日記去記錄自己在求孕過程中的情緒起伏，從而了解某些感受背後是否有一些原因，例如：對結果感到焦慮，沒有小孩就是我就是不孝順，因為從小父母都提醒我要傳承家庭。透過了解自己情緒背後的意義，會更容易和自己的情緒和解。另外，透過正念放鬆練習，訓練自己將注意力放在呼吸或身體的感受。亦可關注自己的各方面的健康，建立一套自己的減壓方法，例如：培養興趣、建立健康的生活模式，讓注意力不要只停留在不育上。
              </p>
              <p className="page-item-info">
                如果情況仍然未能舒緩，則可以聯絡輔導員作出跟進。不育治療的輔導（Infertility
                Counselling）旨在協助你了解自己在求孕期間的內心需要，了解內心需要背後的原因，舒緩情緒後找回面對困難的能力。​求孕歷程中，總有高低起伏。在療癒過程中，最重要的是被接納、聆聽和支持。有專業人士的幫助下，情緒會更容易得以紓解。
              </p>
              <div className="page-item-sub">和另一半互相支援</div>
              <p className="page-item-info">
                不育治療會影響現有的家庭模式。及早跟另一半協調在不育治療中如何互相配合，例如：請假一同出席醫院的程序、討論家務的分工、如何面對親友的提問、如果失敗後會否再試等。如面對自己的感受未有被另一半照顧時，請練習「我如何…，我希望你可以…，我們一起…。」的溝通方式。例如：「我自己去見醫生會感到很孤單，我希望你可以請假來，我希望們一起面對不育這件事。」
              </p>
              <p className="page-item-info">
                其實，大部分的夫妻都會想要一起面對這件事，只要彼此容許表達和自己不同，透過這樣的溝通可以同步。如果自己暫時未有力去照顧對方，可以坦誠回應，例如，「我工作回來，好累了，可以明天晚試一起想接下來怎麼處理嗎？」如果情況未有改善，伴侶輔導（Couple
                Counselling)
                也是一個可以幫助是伴侶雙方協調的方法。在一個安全的環境中，輔導員會引導伴侶雙方坦誠內心的需要，以專業的輔導技巧協助雙方合作，一步一步地疏導影響親密關係的惡性循環，讓彼此重建親密的情感連結，更深入地享受關係的美好。
              </p>
              <p className="page-item-info">
                當我們可以疏導不育而來的情緒和背後的意義，和另一半協調從而跨過不育的壓力，我們就能務實評估自己的狀態，也會比較能夠回穩面對。當不育對自己的生命不要有那麼多的耗損，這個經驗本身也有機會成為生命的禮物，讓我們更坦然面對獨特的生命歷程。
              </p>
            </div>
          </div>
        </div>
      </div>
      <div className="page-bar">
        {detailList.map((e, i) => {
          const { titleBar, title, id } = e;
          return (
            <div
              style={{
                display: "flex",
                margin: barMargin,
                color: color,
                cursor: "pointer",
              }}
            >
              <div
                style={{
                  minWidth: "10px",
                  background: color,
                  borderRadius: "5px",
                  margin: "0 10px",
                }}
              ></div>
              {/* <div dangerouslySetInnerHTML={{ __html: titleBar }}></div> */}
              <a
                dangerouslySetInnerHTML={{ __html: titleBar }}
                href={"#" + i}
                style={{ color, textDecoration: "none" }}
              ></a>
            </div>
          );
        })}
      </div>
      <div className="page-detail-foot">
        <div className="gradual gradual-sterile"></div>
        <div className="detail-foot"></div>
        <div className="detail-floor"></div>
      </div>
      <img
        className="page-close cursor-pointer"
        alt=""
        src={close}
        onClick={() => pathSwitch()}
      />
    </div>
  );
}

export default Sterile;
